<template>
	<view class="sale-view">
		<view class="sale-btn" :style="'background-color:'+btncolor+';color:'+textcolor+';'">
			{{modules}}
		</view>
		<view class="sale-text">
			<view  class="text-link"><text>{{name}}</text>|<text>{{xuqiu}}</text><text class="text-right">预算:{{price}}</text>
			</view>
			<view class="text-xuq">
				<text>{{deta}}:&nbsp;&nbsp;{{xinx}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			name:String,
			xuqiu:String,
			price:String,
			deta:String,
			xinx:String,
			modules:{
				type:String,
				default:"销售"
			},
			textcolor:{
				type:String,
				default:"blue"
			},
			btncolor:{
				type:String,
				default:"#F1F5FE"
			}
		}
	}
</script>

<style scoped>
	.sale-view{
		width: 100%;
		height: 80rpx;
		display: flex;
		align-items: center;
	}
	.sale-btn{
		text-align: center;
		width: 60rpx;
		height: 60rpx;
		border-radius: 5rpx;
		border: 2rpx solid #ffffff;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: 30rpx;
	}
	.sale-text{
		width: 510rpx;
		height: 80rpx;
		margin-left: 20rpx;
		font-size: 20rpx;
	}
	.text-link{
		width: 510rpx;
		height: 20rpx;
		margin-bottom: 20rpx;
	}
	.text-right{
		float: right;
	}
</style>